動態元件互動 IOS dynamic Live Activities(模式)
A 動態資訊容器分為兩個部分:1 狀態資訊+實時資訊 2 實時操控元件(按鈕)
/Untitled.png)
B 擴充套件檢視設計
使用者可以按壓動態島進入擴充套件檢視,檢視更多資訊和訪問重要控制元件。此時應展示活動的精髓,避免資訊過多或過少。擴充套件檢視應與動態島的視覺語言和諧一致,強調圓潤、較厚的形狀,並大量使用顏色以建立身份認同。設計應給人一種在這個空間中有一個微型應用存在的感覺。
C 檢視尺寸:擴充套件檢視從更高的檢視用於更多內容到更緊湊的藥丸形檢視不等。檢視高度應避免處於臨界值。緊貼感測器區域,佈局內容時,避免在頂部留有“額頭”區域,儘量緊貼感測器區域並將內容環繞其周圍,使其幾乎消失。
D 佈局一致性:在設計擴充套件檢視時,保持各檢視間的相對佈局一致性,以確保兩者之間的連貫性。
/Untitled 1.png)
E 透過視覺和動效來表現可擴充套件性的框架。透過連貫的動畫表達資訊結構之間的關係,表達出轉換時的自然感與歸屬感。透過影象表達出在內容上的承接與關聯。
F 多會話顯示:當需要同時顯示應用的多個會話時,考慮以輪換方式展示,確保使用者能夠及時掌握所有正在進行的活動。
G 事件提醒:在會話期間需要提醒使用者事件時,儘可能擴充套件動態島展示資訊,而不是傳送推送通知。動態島像通知一樣懸浮在應用程式之上,應用不應繪製指向動態島的UI或與其互動。
H 最小化檢視:用於同時處理多個會話時顯示。避免僅展示徽標,思考如何在此微小狀態下繼續傳達資訊。